<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="template/template.xhtml">
	<ui:define name="titre">Euro VideoPhone</ui:define>

	<ui:define name="contenu">
		<center>
			<p:carousel autoPlayInterval="4000" numVisible="1"
				effect="easeInStrong" circular="true"
				value="#{publiciteBean.publicites}" var="pub" height="220"
				width="450">
				<h:panelGrid columns="2" style="width:100%; border:none;"
					cellpadding="5">
					<p:graphicImage value="/image/image?id=#{pub.titre}&amp;tab=pub"
						style="float:right" alt="rf" height="200" width="275" />
					<h:outputText value="#{pub.description}" escape="false" />
				</h:panelGrid>
			</p:carousel>
		</center>
		<br />
		<br />
		<p:carousel id="basicCarousel" value="#{articleBean.articles}"
			var="article" rows="3" columns="3">
			<h:panelGrid columns="1" style="width:10%">
				<p:graphicImage value="/image/image?id=#{article.nom}&amp;tab=art"
					height="100" width="140" />
				<h:outputText value="#{article.resume}" styleClass="text-wrapper" />

				<br />
				<h:outputText value="#{article.prix}&#8364;"
					rendered="#{!article.enPromo}" style="color:blue;" />
				<h:outputText value="#{article.prixPromo}&#8364;"
					rendered="#{article.enPromo}" style="color:blue;" />
			</h:panelGrid>
		</p:carousel>

		<br />
		<h:panelGrid columns="1">
			<h:outputText value="Euro VidéoPhone 243 Cours Lafayette 69006 Lyon"/>
			<p:gmap center="45.763809, 4.863393" zoom="15" type="HYBRID"
				style="width:600px;height:400px" />
		</h:panelGrid>
	</ui:define>
</ui:composition>
</html>